<!DOCTYPE html><!--suppress ALL-->
<html  lang="zh-CN"  xmlns:th="http://www.thymeleaf.org">

<div th:fragment="blog-list-fragment" class="am-u-lg-8 am-u-sm-12  main-content">

    <main class="articles-list" id="main">
        <div class="person-logo">
           <!-- <img th:src="@{/blog/amaze/images/website.png}">-->
            <!--src="https://hex.frvr.com/alc/"-->
            <iframe id="gameMobile" src="https://lines.frvr.com/"></iframe>
            <iframe id="game" src="https://hex.frvr.com/alc/"></iframe>
            <script>
                let isMobile = window.matchMedia("only screen and (max-width: 760px)").matches;
                if (isMobile)  {
                    $("#game").hide();
                    $("#gameMobile").show();
                }
                else{
                    $("#gameMobile").hide();
                    $("#game").show();
                }
            </script>
        </div>
        <div>
            <th:block th:if="${!(null != blogPageResult && blogPageResult.list.size()> 0)}">
              <div style=" display: flex;justify-content: center;">
                  <div style="text-align: center">
                      <div>暂无该分类的博文，请联系管理员：<a style="color: #1aaa55" href="mailto://dddpeter@126.com">dddpeter@126.com</a>,或者扫描以下二维码联系管理员</div>
                      <div>
                          <img th:src="@{/blog/amaze/images/img_1.png}" style="width: 60%">
                      </div>
                  </div>

              </div>
            </th:block>
            <th:block th:if="${null != blogPageResult && blogPageResult.list.size()>0}">
                <th:block th:each="blog,iterStat : ${blogPageResult.list}">
                    <div data-am-widget="list_news" class="am-list-news am-list-news-default">
                        <!--列表标题-->
                        <div class="am-list-news-bd" style=" border-bottom: 2px solid #e8eaec;">
                            <ul class="am-list" >
                                <!--缩略图在标题左边-->
                                <li class="blog-list-li am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left ">
                                    <div class=" am-u-sm-12  am-u-md-9 am-list-main blog-list-title" style="position: relative">
                                        <h4 class="am-list-item-hd">
                                            <a th:href="@{'/blog/' + ${blog.blogId}}" class="title-link">
                                            <th:block th:text="${blog.blogTitle}"></th:block>
                                        </a>
                                        </h4>
                                        <div class="am-list-item-text"
                                             th:text="${blog.abstractContent}"
                                             style="font-size: 1.5rem;color:rgba(0,0,0,.45);margin-top: 1rem">
                                            该作者很懒，没有留下摘要！该作者很懒，没有留下摘要！该作者很懒，没有留下摘要！该作者很懒，没有留下摘要！
                                        </div>
                                    </div>
                                    <div class="am-u-md-3 blog-cover-image" th:style="'background-size:contain; background: url(' + ${blog.blogCoverImage} + ')'" >
                                    </div>
                                </li>
                                <li>
                                    <div class="clearfix">
                                        <div class=" am-u-sm-12  am-u-md-2 blogtags">
                                            <span style="color: rgba(0,0,0,.45);font-size: 12px">分类：</span>
                                            <a class="am-badge am-badge-success am-round"
                                               th:href="@{'/blog/' + ${blog.blogId}}"
                                               th:text="${blog.blogCategoryName!=null? blog.blogCategoryName:'未设置'}"></a>
                                        </div>
                                        <div class=" am-u-sm-12  am-u-md-2 blogtags">
                                            <span style="color: rgba(0,0,0,.45);font-size: 12px">浏览量：</span>
                                            <a class="am-badge am-badge-primary am-round"
                                               th:href="@{'/category/' + ${blog.blogCategoryName}}"
                                               th:text="${blog.visitCount!=null? blog.visitCount:0}"></a>
                                        </div>
                                        <div th:text="${#dates.format(blog.createTime, 'yyyy年MM月dd日 HH:mm:SS')}"
                                             class="am-u-sm-12  am-u-md-8 blog-created-dates time"> </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </th:block>
                <th:block th:if="${null != blogPageResult}">
                    <ul class="am-pagination am-link-muted"
                        style="margin-top:5%; margin-left:auto; margin-right: auto; text-align: center;">
                        <li th:class="${blogPageResult.currPage==1}?'disabled' : 'am-pagination-prev'"><a
                                th:href="@{${blogPageResult.currPage==1}?'##':'/page/' + ${blogPageResult.currPage-1}}">&laquo;</a>
                        </li>
                        <li th:if="${blogPageResult.currPage-3 >=1}"><a
                                th:href="@{'/page/' + ${blogPageResult.currPage-3}}"
                                th:text="${blogPageResult.currPage -3}">1</a></li>
                        <li th:if="${blogPageResult.currPage-2 >=1}"><a
                                th:href="@{'/page/' + ${blogPageResult.currPage-2}}"
                                th:text="${blogPageResult.currPage -2}">1</a></li>
                        <li th:if="${blogPageResult.currPage-1 >=1}"><a
                                th:href="@{'/page/' + ${blogPageResult.currPage-1}}"
                                th:text="${blogPageResult.currPage -1}">1</a></li>
                        <li class="active"><a href="#" th:text="${blogPageResult.currPage}">1</a></li>
                        <li th:if="${blogPageResult.currPage+1 <=blogPageResult.totalPage}"><a
                                th:href="@{'/page/' + ${blogPageResult.currPage+1}}"
                                th:text="${blogPageResult.currPage +1}">1</a></li>
                        <li th:if="${blogPageResult.currPage+2 <=blogPageResult.totalPage}"><a
                                th:href="@{'/page/' + ${blogPageResult.currPage+2}}"
                                th:text="${blogPageResult.currPage +2}">1</a></li>
                        <li th:if="${blogPageResult.currPage+3 <=blogPageResult.totalPage}"><a
                                th:href="@{'/page/' + ${blogPageResult.currPage+3}}"
                                th:text="${blogPageResult.currPage +3}">1</a></li>
                        <li th:class="${blogPageResult.currPage==blogPageResult.totalPage}?'disabled' : ''">
                            <a th:href="@{${blogPageResult.currPage==blogPageResult.totalPage}?'##' : '/page/' + ${blogPageResult.currPage+1}}">&raquo;</a>
                        </li>
                    </ul>
                </th:block>
            </th:block>

        </div>
    </main>
</div>

</html>